<template>
    <div class="common" v-loading="loading">
        <div class="breadcrumb">
            <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item :to="{ path: '/article/index' }">评论管理</el-breadcrumb-item>
                <el-breadcrumb-item>{{menu}}</el-breadcrumb-item>
            </el-breadcrumb>
            <div class="backbutton" v-show="bbshow">
                <el-button plain >返回</el-button>
            </div>
        </div>
        <div class="meta-divder"></div>

        <el-row>
            <el-row class="wdh-search">
                <el-col :span="4">
                    <el-button  type="primary" >
                        <i class="fa fa-plus" aria-hidden="true"></i>
                        <span style="margin-left:3px">新增评论</span>   
                    </el-button>
                </el-col>
                <el-col :span="20">
                    <el-row type="flex" :gutter="5" justify="end">                   
                        <el-col :span="4">
                            <el-input   placeholder="输入评论内容" clearable></el-input>
                        </el-col>                
                        <el-button-group class="wdh-search-button">
                            <el-button type="primary" icon="el-icon-search" ></el-button>
                            <el-button icon="el-icon-refresh"></el-button>
                        </el-button-group>
                    </el-row>
                </el-col>
            </el-row>
        </el-row>
            <!--员工列表-->

    

        
    </div>
</template>
<script>
    export default {
        data() {
            return {
                loading:false,
                bbshow:false,
                menu:'评论列表',

            
            }
        },
        mounted(){
            

        },
        methods: {

            //获取用户数据列表



        },
    }
</script>
<style>

    .common{     
        border-radius: 10px;
        background: #fff;
        margin: 10px;
        box-shadow: 1px 3px 7px 0 rgb(12 64 168 / 20%);
    }

    .breadcrumb{
        padding:20px;
        color:#666;
    }
    .backbutton{
        position: relative;
        float: right;
        top: -25px;
        right: 50px;
    }
    
    .is-link{
        color:#666!important;
    }
    .el-breadcrumb__item:hover  .is-link{
        color:#409EFF!important;
    }
    .meta-divder{
        font-weight: 400;
        font-size: 1rem;
        border-top: 1px solid #d3e0e9;
        border-bottom: 1px solid rgba(211,224,233,.15);
        margin: 1rem 0;
        line-height: 1;
        margin:0 20px;
    }
    .common-button{
        margin-bottom: 25px;
        background-color: #f2f7fa;
        width: 100%;
        text-align: center;
        height: 50px;
    }
    .page{
        float:right;
        margin-top: 10px;
    }

    
</style>